<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	    		xmlns:ui="http://java.sun.com/jsf/facelets"
	  			xmlns:h="http://java.sun.com/jsf/html"
				xmlns:p="http://primefaces.prime.com.tr/ui" 
	  			xmlns:f="http://java.sun.com/jsf/core"
                xmlns:sf="http://www.springframework.org/tags/faces"
				template="/WEB-INF/layouts/standard.xhtml">

<ui:define name="content">

<div class="section">
	<input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="j_id6" />
	<h2>Ingresar nuevo ingreso para la Obra #{ingreso.obra.name} </h2>
	<ui:fragment id="messages">
		<div id="messagesInsertionPoint">
			<p:messages errorClass="errors" />
		</div>
	</ui:fragment>  
	<h:form id="ingresoObraForm">
	<fieldset>
		<div class="field">
			<div class="label">Nombre:</div>
			<p:autoComplete value="#{ingreso.name}" minQueryLength="2" style="width:35%" completeMethod="#{gastoController.autoCompleteSuggestions}"/> 
		</div>
		<br />
		<br />
		<br />

		<div class="field">
			<div  class="label">Dia Efectuado:</div>
			<h:inputText style="width:35%" id="diaEfectuado" value="#{ingreso.diaEfectuadoString}"/>
			<script type="text/javascript">
				  Calendar.setup({
				        inputField     :    "ingresoObraForm:diaEfectuado",
				        ifFormat       :    "%d/%m/%Y",
				        showsTime      :    false,
				        timeFormat     :    "24",
				    });
			</script>
		</div>
		<div class="field">
			<div class="label">Monto:</div>
			<sf:clientTextValidator style="width:20%" regExp="^[-]?([1-9]{1}[0-9]{0,}(\.[0-9]{0,2})?|0(\.[0-9]{0,2})?|\.[0-9]{1,2})$" invalidMessage="El monto debe contener solo valores numericos y hasta 2 decimales separados por .">	
				<h:inputText id="price" style="width:35%"  converter="#{BigDecimal}"  value="#{ingreso.price}" />
			</sf:clientTextValidator>
		</div>
		<div class="buttonGroup">
			<sf:validateAllOnClick>
				<sf:commandButton id="proceed" action="proceed" processIds="*" value="Agregar Ingreso"/>&#160;
			</sf:validateAllOnClick>
			<sf:commandButton id="cancel" value="Cancelar Ingreso" action="cancel"/>
		</div>		
	</fieldset>
	<p:dialog header="Corrija el formato del monto" widgetVar="dlg1" modal="true" effect="FADE"
					fixedCenter="true" close="true" width="400px">
					Por favor, corrija el formato del Monto (ejemplo: 1234.55)
	</p:dialog>
	</h:form>
</div>
<script>

function setMonto()
{
	var precio = document.getElementById("ingresoObraForm:price").value*1/1;
	if(precio.toFixed(2)=='NaN') 
	{
		dlg1.show();
		document.getElementById("ingresoObraForm:price").value= 0.00;
		return;
	}
}

document.onkeyup= setMonto;

</script>

</ui:define>
</ui:composition>